import React from 'react'
import { Badge, TabBar } from 'antd-mobile'
import {
    AppOutline,
    MessageOutline,
    MessageFill,
    UnorderedListOutline,
    UserOutline,
  } from 'antd-mobile-icons'
  import Style from '../Css/tabber.module.css'
function index() {
    const tabs = [
        {
          key: 'home',
          title: '首页',
          icon: <AppOutline />,
          badge: Badge.dot,
        },
        {
          key: 'todo',
          title: '待办',
          icon: <UnorderedListOutline />,
        },
        {
          key: 'message',
          title: '消息',
       
        },
        {
          key: 'personalCenter',
          title: '我的',
          icon: <UserOutline />,
        },
      ]
  return (
   
    <div className={Style.pp}>
        <TabBar>
          {tabs.map(item => (
            <TabBar.Item key={item.key} icon={item.icon} title={item.title} />
          ))}
        </TabBar>
    </div>
  )
}

export default index
